<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Hobby page</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand">
<link rel="stylesheet" href="css/hobby.css"/>
</head>

<body>
 <header>
     <nav class="navBox">
         <div class="left">
                     <div class="logoimg">
                             <img src="images/logo.jpg" alt="Your Logo">
                     </div>
                     <h2 style="font-style: oblique;">Homepage</h2>
                 </div>
         <div class="right">
             <ul>
                 <li><a href="index.html" style="color: red;">Home page</a></li>
                 <li><a href="jineng.html" style="color: red;">Skills page</a></li>
                 <li><a href="photos.html" style="color: red;">Gallery page</a></li>
                 <li><a href="shixi.html" style="color: red;">Internship page</a></li>
                 <li><a href="contact.html" style="color: red;">Contact page</a></li>
                 <li><a href="zhiye.html" style="color: red;">Career page</a></li>
                 <li><a href="aid.html" style="color: red;">Ambitions page</a></li>
                 <li><a href="hobby.html" style="color: red;">Hobbies page</a></li>
             </ul>
         </div>
     </nav>
 </header>
  <div class="carousel"></div>

  <div id="news">
    <div class="news_title">
      <span class="brown_title">personal preference---Top five in the basketball list</span>
    </div>

    <hr size="1" color="#eee" style="margin: 20px 0px" />

    <div class="news_list">
      <div class="news_left" style="flex: 1">
        <img src="images/hobby-img1.webp" style="width: 100%" />
        <img src="images/hobby-img2.webp" style="width: 100%" />
        <img src="images/hobby-img3.webp" style="width: 100%" />
        <img src="images/hobby-img4.webp" style="width: 100%" />
        <img src="images/hobby-img5.webp" style="width: 100%" />
      </div>
      <div class="news_right" style="flex: 3; padding-left: 30px">
        <div class="news_contain" style="padding-top: 0px">
          <div class="news_date">
            <span>01</span>
          </div>
          <div class="news_content">
            <a href="">LeBron James</a>
            <p>
              LeBron James is one of the best players in basketball today. He has excellent scoring ability and technical skills, and has won many NBA championships and MVP honors.
            </p>
          </div>
        </div>

        <div class="news_contain">
          <div class="news_date">
            <span>02</span>
          </div>
          <div class="news_content">
            <a href="">Ming Yao</a>
            <p>
              Yao Ming is the greatest basketball player in the history of China. He is the president of the Chinese Basketball Association, the president of the Asian Basketball Federation, the president of the Chinese Basketball Association, and the chairman and general manager of the company.
            </p>
          </div>
        </div>

        <div class="news_contain">
          <div class="news_date">
            <span>03</span>
          </div>
          <div class="news_content">
            <a href="content.html">Kobe Bryant</a>
            <p>
              Kobe Bryant is one of the best players in NBA history. He has excellent scoring ability and technical skills, and has won many NBA championships and MVP honors.
            </p>
          </div>
        </div>
        <div class="news_contain" style="padding-top: 0px">
          <div class="news_date">
            <span>04</span>
          </div>
          <div class="news_content">
            <a href="">Michael Jordan</a>
            <p>
              Michael Jordan is one of the greatest players in NBA history, and he is known for his excellent scoring ability and skill level.
            </p>
          </div>
        </div>

        <div class="news_contain">
          <div class="news_date">
            <span>05</span>
          </div>
          <div class="news_content">
            <a href="">Stephen Curry</a>
            <p>
              Stephen Curry is one of the best players in basketball today. He has excellent shooting skills and skills, and has won many NBA championships and MVP honors.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>


  <footer>
    <div class="footer" style="height: 100px;">
      <p style="text-align: center; margin-bottom: 50px;">
      <div class="box">


        <h3 style="font-size: 35px;">personal homepage</h3>
      </div>
      </p>
      <p style="font-size: 20px;color: #000;">2023/10/20</p>
      <p style="font-size: 20px;color: #000;">@all right reserved</p>
              <div class="logo-container">
            <img src="icon/1.png" alt="Logo 1" class="footer-logo">
            <img src="icon/2.png" alt="Logo 2" class="footer-logo">
            <img src="icon/3.png" alt="Logo 3" class="footer-logo">
        </div>
    </div>
  </footer>
</body>

</html>